<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <script src="../jquery/jquery-3.2.1.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../css/bootstrap.css">

</head>
<body >

<div class="container" >

    <div class="row">

        <div class="col-xs-3" id="Scrollspy" >

            <ul class="nav nav-tabs nav-stacked" data-spy="affix">
                <li><a href="#s1">起步</a></li>
                <li><a href="#s2">CSS</a></li>
                <li><a href="#s3">组件</a></li>
                <li><a href="#s4">插件</a></li>
                <li><a href="#s5">定制</a></li>
            </ul>
        </div>
        <div class="col-xs-9">
            <h2 id="s1">第一分部</h2>
            <pre>
                本系统是一个简易的新闻发布系统，通过在本系统后台添加新闻，前台的新闻自动发生变化。系统主要分为两个部分：
                前台与后台。

                前台：未登录用户可以通过选择主题，分页查看该主题所有新闻标题，单击新闻标题可以浏览新闻的详细内容；
                后台：在后台，管理员可以对主题和新闻进行管理。具体主题添加、修改和删除，新闻的查询、添加、修改和删除。
                 本系统是一个简易的新闻发布系统，通过在本系统后台添加新闻，前台的新闻自动发生变化。系统主要分为两个部分：
                前台与后台。

                前台：未登录用户可以通过选择主题，分页查看该主题所有新闻标题，单击新闻标题可以浏览新闻的详细内容；
                后台：在后台，管理员可以对主题和新闻进行管理。具体主题添加、修改和删除，新闻的查询、添加、修改和删除。
                 本系统是一个简易的新闻发布系统，通过在本系统后台添加新闻，前台的新闻自动发生变化。系统主要分为两个部分：
                前台与后台。

                前台：未登录用户可以通过选择主题，分页查看该主题所有新闻标题，单击新闻标题可以浏览新闻的详细内容；
                后台：在后台，管理员可以对主题和新闻进行管理。具体主题添加、修改和删除，新闻的查询、添加、修改和删除。
                 本系统是一个简易的新闻发布系统，通过在本系统后台添加新闻，前台的新闻自动发生变化。系统主要分为两个部分：
                前台与后台。

                前台：未登录用户可以通过选择主题，分页查看该主题所有新闻标题，单击新闻标题可以浏览新闻的详细内容；
                后台：在后台，管理员可以对主题和新闻进行管理。具体主题添加、修改和删除，新闻的查询、添加、修改和删除。
            </pre>
            <br>
            <h2 id="s2">第二分部</h2>
            <pre>
                本系统是一个简易的新闻发布系统，通过在本系统后台添加新闻，前台的新闻自动发生变化。系统主要分为两个部分：
                前台与后台。

                前台：未登录用户可以通过选择主题，分页查看该主题所有新闻标题，单击新闻标题可以浏览新闻的详细内容；
                后台：在后台，管理员可以对主题和新闻进行管理。具体主题添加、修改和删除，新闻的查询、添加、修改和删除。
                 本系统是一个简易的新闻发布系统，通过在本系统后台添加新闻，前台的新闻自动发生变化。系统主要分为两个部分：
                前台与后台。

                前台：未登录用户可以通过选择主题，分页查看该主题所有新闻标题，单击新闻标题可以浏览新闻的详细内容；
                后台：在后台，管理员可以对主题和新闻进行管理。具体主题添加、修改和删除，新闻的查询、添加、修改和删除。
                 本系统是一个简易的新闻发布系统，通过在本系统后台添加新闻，前台的新闻自动发生变化。系统主要分为两个部分：
                前台与后台。

                前台：未登录用户可以通过选择主题，分页查看该主题所有新闻标题，单击新闻标题可以浏览新闻的详细内容；
                后台：在后台，管理员可以对主题和新闻进行管理。具体主题添加、修改和删除，新闻的查询、添加、修改和删除。
                 本系统是一个简易的新闻发布系统，通过在本系统后台添加新闻，前台的新闻自动发生变化。系统主要分为两个部分：
                前台与后台。

                前台：未登录用户可以通过选择主题，分页查看该主题所有新闻标题，单击新闻标题可以浏览新闻的详细内容；
                后台：在后台，管理员可以对主题和新闻进行管理。具体主题添加、修改和删除，新闻的查询、添加、修改和删除。
            </pre>
            <br><h2 id="s3">第三分部</h2>
            <pre>
                本系统是一个简易的新闻发布系统，通过在本系统后台添加新闻，前台的新闻自动发生变化。系统主要分为两个部分：
                前台与后台。

                前台：未登录用户可以通过选择主题，分页查看该主题所有新闻标题，单击新闻标题可以浏览新闻的详细内容；
                后台：在后台，管理员可以对主题和新闻进行管理。具体主题添加、修改和删除，新闻的查询、添加、修改和删除。
                 本系统是一个简易的新闻发布系统，通过在本系统后台添加新闻，前台的新闻自动发生变化。系统主要分为两个部分：
                前台与后台。

                前台：未登录用户可以通过选择主题，分页查看该主题所有新闻标题，单击新闻标题可以浏览新闻的详细内容；
                后台：在后台，管理员可以对主题和新闻进行管理。具体主题添加、修改和删除，新闻的查询、添加、修改和删除。
                 本系统是一个简易的新闻发布系统，通过在本系统后台添加新闻，前台的新闻自动发生变化。系统主要分为两个部分：
                前台与后台。

                前台：未登录用户可以通过选择主题，分页查看该主题所有新闻标题，单击新闻标题可以浏览新闻的详细内容；
                后台：在后台，管理员可以对主题和新闻进行管理。具体主题添加、修改和删除，新闻的查询、添加、修改和删除。
                 本系统是一个简易的新闻发布系统，通过在本系统后台添加新闻，前台的新闻自动发生变化。系统主要分为两个部分：
                前台与后台。

                前台：未登录用户可以通过选择主题，分页查看该主题所有新闻标题，单击新闻标题可以浏览新闻的详细内容；
                后台：在后台，管理员可以对主题和新闻进行管理。具体主题添加、修改和删除，新闻的查询、添加、修改和删除。
            </pre>
            <br><h2 id="s4">第四分部</h2>
            <p>
                .............
            </p>
            <br>
            <h2 id="s5">第五分部</h2>
            <p>
                .............
            </p>
            <br>
        </div>
    </div>


</div>
</body>
</html>